/*css reset begin*/
*{
	margin: 0;
	padding:0;
}
ul,ol{
	list-style:none;
}
img{
	border:0;
}
a{
	text-decoration: none;
}
/*css reset finish*/
body{
    font-family: 楷体;
    font-style: normal;
    font-size: medium;
}

/*to-top begin*/
#to-top{
    right: 20px;
    bottom:94px;
}
 #to-top.selected{
    animation:run 0.8s ;
}
@keyframes run  {
    0%{
        -webkit-transform:rotate(10deg);
        animation-duration: 0.1s;
        animation-timing-function: ease-in;
    }
    50%{
        -webkit-transform:rotate(-10deg);
        animation-duration: 0.1s;
        animation-timing-function: ease-out;
    }
    75%{
        animation-duration: 0.2s;
        animation-timing-function: ease;
        bottom:230px;
    }
    100%{
        animation-duration: 0.4s;
        animation-timing-function: ease-out;
        bottom:94px;
    }
}
#music{
    right: 20px;
    bottom:20px;
}
#to-top ,#music{
    position: fixed;
    width: 66px;
    height: 66px;
    background: #1b95f9;
    border: 1px solid #722768;
    border-radius: 15px;
    text-align: center;
    z-index: 20;
}
#to-top span ,#music span{
    color: #f91613;
    font-size: 45px;
    line-height:66px;
}
/*to-top finish*/
/*head begin*/
body{
	/*background: #6fd4cd;*/
    background-image: url(../img/background01.jpg);
    /*路径前面加两点 如：background:url(../images/
html文件与images文件夹同级*/
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:100% 100%;
    /*background-size: 100% 100%;
background-size: 50px 50px;
第一个值表示背景图片宽度，第二个值表示高度，注意两个值之间有一个空格*/
}
/*nav begin*/
#nav{
    position: fixed;
    height: 41px;
    width: 100%;
    z-index:999;
    background: #04b1cc;
    border: 1px solid transparent;
}
#nav .wrapper{
    margin:0 auto;
    height:41px;
    line-height:41px;
}
#nav-author div.img-box{
    width:48px;
    height:32px;
    border:1px solid #000000;
    border-radius: 3px;
    margin-top:3px;
    overflow: hidden;
}
#nav-author img{
    /*padding-top:3px;*/
    width: 48px;
}
#nav-left>div,#nav-right>div{
    float: left;
    cursor: pointer;
    color: #fff;
    padding:0 11px;
}

#nav-left .nav-left:hover ,#nav-right>div:hover{
    color: #000;
    background: #66e5f9;
}
#nav-left>div:hover #tri-angle{
    border: 4px solid transparent;
    border-top:4px solid #000;
}
#nav-left {
     float: left;
 }
div.homepages:hover #nav-sub{
    display:block;
}
/*解决鼠标移过，下方列表出现*/
#tri-angle{
    border: 4px solid transparent;
    border-top:4px solid #fff;
    width:0;
    display: inline-block;
    position: relative;
    top:2px;
}
.glyphicon-transfer,.glyphicon-heart{
    font-size:14px;
    margin-left: 8px;
    margin-right: -2px;
}
#nav-sub{
    position: absolute;
    top:42px;
    left:267px;
    padding:0 20px;
    background: #fff;
    border:1px solid transparent;
    border-radius: 8px;
    display: none;
    cursor:auto;
}
#nav-sub>div{
    float: left;
    padding:20px;
    text-align: center;
}
#nav-sub .nav-main-left{
    border-right: 1px solid #ccc;
    margin:20px 0 0 0;
    padding-top: 0px;
    padding-bottom:101px;
}
#nav-sub .nav-img-box{
    width:58px;
    height:58px;
    border:1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}
#nav-sub img{
    width:60px;
    height:60px;
}
#nav-sub a:hover{
    color:#2762f1;
}
#nav-sub .nav-main-right .nav-right-box>div{
    float: left;
}
.nav-right-box>div{
    margin-left: 20px;
}
#nav-right{
    float: right;
}
#nav-right input{
    width: 126px;
    background:#66E5F9;
    height:23px;
    border:none;
}
#nav-right #nav-search:hover input,#nav-right #nav-search:hover .glyphicon-search{
    background: #fff;
}
.glyphicon-search{
    background: #66e5f9;
    top:3px;
    padding:0 4px;
    left:-32px;
 }
/*nav finish*/
#head{
	width:100%;
    position: relative;
}
#head,#player{
    padding-top: 41px;
}
/*player begin*/
#player{
    position: absolute;
    top: 20px;
    left:5px;
    display: none;
}
/*player finish*/
.wrapper{
	width:960px;
	margin:8px auto 0;
}
#top{
	height:200px;
	overflow: hidden;
}
#head-img-box{
     border:1px solid transparent;
     border-radius: 30px;
     width: 180px;
     height:180px;
     position: relative;
     top: 1px;
    overflow: hidden;
 }
#top img{
	/*width: 960px;*/
    /*height:200px;*/
    width: 180px;
    height:180px;
}

#head-content{
    position: relative;
    top:-182px;
    left: 186px;
    /*background: #2ebf4c;*/
}
#today{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 160px;
    height:180px;
    border:1px solid seagreen;
    border-radius: 15px;
    margin-top: 41px;
}
/*#date{*/
    /*word-wrap: break-word;*/
/*}*/
/*#date{*/
    /*background: #000;*/
    /*color: #fff;*/
/*}*/
/*head finish*/

/*footer begin*/
#footer{
    background: #000;
    width:100%;
    height: 150px;
    color: #fff;
}
/*footer finish*/